<template>
  <div>
    <div class="box">
      <div class="scale">
        <p>这是一个16：9的矩形</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data () {
    return {

    }
  },
  computed: {},
  watch: {},
  filters: {},
  created () {

  },
  mounted () {

  },
  updated () {

  },
  destroyed () {

  },
  activated () {

  },
  deactivated () {

  },
  methods: {

  }
}
</script>

<style scoped lang="scss">
.box {
  width: 600px;
}
.scale {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  position: relative;
}
</style>
